<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script src="./js/global.js"></script>
    <script src="./js/config.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>标识
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>唯一
                </div>
            </div>
            <div class="layui-form-item">
                <label for="title" class="layui-form-label">
                    <span class="x-red">*</span>标题
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="title" name="title" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>唯一
                </div>
            </div>

            <div class="layui-form-item">
                <label for="type" class="layui-form-label">
                    <span class="x-red">*</span>类型</label>
                <div class="layui-input-inline">
                    <select id="type" name="type" class="valid">
                        <option value="input">文本</option>
                        <option value="select">下拉框</option>
                        <option value="images">图片</option>
                        <option value="textarea">多行文本</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item" id="groupForm">
                <label for="group" class="layui-form-label">
                    <span class="x-red">*</span>配置组</label>
                <div class="layui-input-inline">
                    <select id="group" name="group" class="valid">

                    </select>
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label for="options" class="layui-form-label">下拉框选项</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" id="options" name="options" class="layui-textarea"></textarea>
                </div>
                <div class="layui-form-mid layui-word-aux" style="text-align: center;display: block;width: 100%;">
                    <span class="x-red" >*(注意换行)仅下拉框使用 例如：<br>1-上<br>2-下<br>3-左<br>4-右<br></span>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="sort" class="layui-form-label">
                    <span class="x-red">*</span>排序
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="sort" name="sort" required="" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="tips" class="layui-form-label">
                    <span class="x-red">*</span>提示
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="tips" name="tips"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>将在系统设置提示
                </div>

            </div>


            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    <span class="x-red">*</span>状态
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="status" name="status" required="" lay-verify="status"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>0关闭 1开启
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label">
                </label>
                <button  class="layui-btn" lay-filter="add" lay-submit="">
                    增加
                </button>
            </div>

        </form>
    </div>
</div>
<script>
    layui.use(['form', 'layer','request'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;
            var request = layui.request;
            var adminToken = localStorage.getItem("adminToken");
            //自定义验证规则
            form.verify({
                status: [
                    /[01]{1}/ //正则表达式
                    ,'只能0或1' //提示信息
                ]
            });
            //获取分组title
            request.ajax(requestUri+'/admin/system/config/getconfigtitle', 'get', 'json', {
                'token': adminToken
            }, function (req) {
                if(req.code == 1000){
                    var option = '';  // option进行拼接
                    $.each(req.data,function(i,item){
                        option += "<option value='"+item+"'>"+i+"</option>";
                    });
                    $('#group').append(option);　　// 给select节点追加
                    form.render('select')
                }
            });
            //监听提交
            form.on('submit(add)',
                function(data) {
                    console.log(data);
                    //发异步，把数据提交给php
                    request.ajax(requestUri + '/admin/system/config/create', 'get', 'json', {
                        'token': adminToken,
                        'data' : data.field
                    }, function (req) {
                        if(req.code == 1000){
                            layer.alert("增加成功", {
                                    icon: 6
                                },
                                function() {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        }
                    },function (req) {
                        layer.msg('不可添加');
                    });
                    return false;
                });
        });
</script>

</body>

</html>
